<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'Rk37e28402698f4749910ccdbc1ab1e189','tWc361ed5c101249a2b301820b2601bdc1','pv1519fdc8f5634f73a7fce8f088c5847b','ge9a8aba7f18d94d29a578bff59e2e8ce5','D$38307ea921354f16bd1c0f22c3e582f1','OKdb7eaaffe63542d2a9a3f5c50a6eb293','ue3d4603901b434f69adbcf387cd73b125','Dxefcfece72c494e35be26ec510635ab27','Rr57f3ab792c8a400f90fe85ccb9359cb0','L9c9168aeb6c204b199bf2cd379b3cf26e','uwe2721f32220245428ab40fe82c9461ef','ctc1c548c4702342aebc9877136ea4486c','i30aa4d8667cb04954a2b41693be7faeaa','GAa65585627b3847c9a8ab2ff1a3cced57','Qoe3f51b82443d44e48003ece07cf3b7ab','eLa95ccc11c53b49689c5749112662f2af','o80f0295bc62a847eca8f5fd5d158e23b8','Iw49d2b53ba00f41289802f44638a1675d','qs94a1b8bae5ef4e4596bc56992d4e545c','N569b3c942b67b45d598c5ec8306bb778d','ovd2c7a6b7569241feb1cecf0537424401','DL07ec3d6821b64800a575ad0eb059e8b7','eZ6e99fe2df6374e78a072d9af2526d340','x0aef353d239ec4893bc663a6bb0debf16','eD70f5ff871e474dc0b08bae042d971ac8'"  ></cms:ads>
<!doctype html>
<html lang="zh-CN">
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <title>${网页标题}</title> 
  <link href="http://file.dream-space.top/jiangyouyao/css/bootstrap.min.css" rel="stylesheet"> 
  <link href="http://file.dream-space.top/jiangyouyao/css/reset.css" rel="stylesheet"> 
  <link href="http://file.dream-space.top/jiangyouyao/css/common.css" rel="stylesheet"> 
  <link href="http://file.dream-space.top/jiangyouyao/font/iconfont.css" rel="stylesheet"> 
  <link href="http://file.dream-space.top/jiangyouyao/css/animate.css" rel="stylesheet"> 
  <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]--> 
  <style>html,body{ overflow-x: hidden; height: 100%; } .header a{ font-size: 16px; color: #333333; margin: 0 5px; } .nav{ background: #b3cb46; color: #ffffff; font-size: 0; } .nav a{ font-size: 16px; line-height: 40px; width: 200px; text-align: center; display: inline-block; } .nav a:hover,.nav a.active{ background: #839a19; } .gray-bg{ /*background: #f5f5f5;*/ } .experience-wrap{ margin: 50px 0; } .experience-wrap>div:nth-of-type(1){ border-right: 2px solid #999; padding-right: 30px; } .experience-wrap>div:nth-of-type(2){ padding-left: 30px; } .experience-wrap .tit{ font-size: 36px; color: #3e3e3e; line-height: 36px; margin-bottom: 14px; text-align: right; } .color-gray{ color: #999999!important; } .experience-wrap .sub-tit{ font-size: 24px; line-height: 24px; } .experience-wrap .time{ width: 211px; height: 30px; line-height: 30px; background: #FA4D32; text-align: center; color: #fff; font-size: 14px; } .m-title{ width: 100%; padding-bottom: 10px; padding-left: 15px; margin-bottom: 20px; border-bottom: 1px solid #999999; color: #FA4D32; font-size: 22px; position: relative; line-height: 40px; } .m-title:before{ content: ""; position: absolute; left: 0; top: 10px; width: 4px; background-color: #fa4d32; height: 44%; } .course-wrap{ overflow: hidden; margin-left: -10px; margin-right: -10px; padding-bottom: 60px; } .course-wrap .item{ width: 20%; float: left; padding: 10px; margin-bottom: 15px; } .course-wrap .item .inner{ position: relative; } .course-wrap .item .inner:hover .img-box{ display: flex; } .course-wrap .item .pic{ width: 100%; } .course-wrap .item .img-box{ display: none; position: absolute; width: 100%; height: 100%; top: 0; background: #000000; opacity: 0.4; cursor: pointer; } .course-wrap .item .extra{ background: #fa4d32; opacity: 0.9; padding:10px 15px; color: #ffffff; position: absolute; bottom: 0; right: 0; left: 0; z-index: 99; } .course-wrap .item .extra img{ margin-right: 10px; width: 39px; flex: 0 0 39px; height: 41px; } .course-wrap .item .extra h4{ font-size: 16px; margin-bottom: 5px; } .course-wrap .item .extra p{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width:80%; } .answer-wrap{ margin-bottom: 80px; } .answer-wrap .item{ background: #f3f2f2; width: 100%; border-radius: 6px; padding: 15px 20px; margin-bottom: 20px; } .answer-wrap .item h2{ color: #333333; margin-bottom: 10px; } .answer-wrap .item p{ color: #666666; } .answer-wrap .item span{ border-radius: 6px; color: #ffffff; margin-right: 10px; display: inline-block; width: 26px; height: 26px; text-align: center; line-height: 26px; } .answer-wrap .item h2 span{ background: #FA4D32; } .answer-wrap .item p span{ background: #79c274; }</style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="nav"> 
   <div class="container"> 
    <a href="${Rk37e28402698f4749910ccdbc1ab1e189.adUrl}" class="zy" data-type="ad" data-id="${Rk37e28402698f4749910ccdbc1ab1e189.adId}">${Rk37e28402698f4749910ccdbc1ab1e189.adTitle}</a> 
    <a href="${tWc361ed5c101249a2b301820b2601bdc1.adUrl}" class="zy" data-type="ad" data-id="${tWc361ed5c101249a2b301820b2601bdc1.adId}">${tWc361ed5c101249a2b301820b2601bdc1.adTitle}</a> 
    <a class="active zy" href="${pv1519fdc8f5634f73a7fce8f088c5847b.adUrl}" data-type="ad" data-id="${pv1519fdc8f5634f73a7fce8f088c5847b.adId}">${pv1519fdc8f5634f73a7fce8f088c5847b.adTitle}</a> 
    <a href="${ge9a8aba7f18d94d29a578bff59e2e8ce5.adUrl}" class="zy" data-type="ad" data-id="${ge9a8aba7f18d94d29a578bff59e2e8ce5.adId}">${ge9a8aba7f18d94d29a578bff59e2e8ce5.adTitle}</a> 
   </div> 
  </div> 
  <div class="banner"> 
   <img src="${D$38307ea921354f16bd1c0f22c3e582f1.adImg}" alt="" class="zy" data-type="ad" data-id="${D$38307ea921354f16bd1c0f22c3e582f1.adId}"> 
  </div> 
  <div class="gray-bg"> 
   <div class="container"> 
    <div class="experience-wrap flex flex-pack-center"> 
     <div> 
      <p class="tit zy" data-type="ad" data-id="${OKdb7eaaffe63542d2a9a3f5c50a6eb293.adId}">${OKdb7eaaffe63542d2a9a3f5c50a6eb293.adTitle}</p> 
      <p class="sub-tit"><span class="color-red zy" data-type="ad" data-id="${ue3d4603901b434f69adbcf387cd73b125.adId}">${ue3d4603901b434f69adbcf387cd73b125.adTitle}</span> <span class="color-gray zy" data-type="ad" data-id="${Dxefcfece72c494e35be26ec510635ab27.adId}">${Dxefcfece72c494e35be26ec510635ab27.adTitle}</span></p> 
     </div> 
     <div> 
      <p class="tit color-gray zy" data-type="ad" data-id="${Rr57f3ab792c8a400f90fe85ccb9359cb0.adId}">${Rr57f3ab792c8a400f90fe85ccb9359cb0.adTitle}</p> 
      <p class="time zy" data-type="ad" data-id="${L9c9168aeb6c204b199bf2cd379b3cf26e.adId}">${L9c9168aeb6c204b199bf2cd379b3cf26e.adTitle}</p> 
     </div> 
    </div> 
    <h2 class="m-title zy" data-type="ad" data-id="${uwe2721f32220245428ab40fe82c9461ef.adId}">${uwe2721f32220245428ab40fe82c9461ef.adTitle}</h2> 
    <div class="course-wrap"> 
     <div class="item"> 
      <div class="inner"> 
       <img src="${ctc1c548c4702342aebc9877136ea4486c.adImg}" class="pic zy" alt="" data-type="ad" data-id="${ctc1c548c4702342aebc9877136ea4486c.adId}"> 
       <div class="img-box flex flex-pack-center flex-align-center"> 
        <img src="${i30aa4d8667cb04954a2b41693be7faeaa.adImg}" class="icon zy" alt="" data-type="ad" data-id="${i30aa4d8667cb04954a2b41693be7faeaa.adId}"> 
       </div> 
       <div class="extra flex flex-align-center"> 
        <img src="${GAa65585627b3847c9a8ab2ff1a3cced57.adImg}" alt="" class="zy" data-type="ad" data-id="${GAa65585627b3847c9a8ab2ff1a3cced57.adId}"> 
        <div class="flex-1"> 
         <h4 class="zy" data-type="ad" data-id="${Qoe3f51b82443d44e48003ece07cf3b7ab.adId}">${Qoe3f51b82443d44e48003ece07cf3b7ab.adTitle}</h4> 
         <p class="zy" data-type="ad" data-id="${eLa95ccc11c53b49689c5749112662f2af.adId}">${eLa95ccc11c53b49689c5749112662f2af.adTitle}</p> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    <h2 class="m-title zy" data-type="ad" data-id="${o80f0295bc62a847eca8f5fd5d158e23b8.adId}">${o80f0295bc62a847eca8f5fd5d158e23b8.adTitle}</h2> 
    <div class="answer-wrap"> 
     <div class="item"> 
      <h2 class="zy" data-type="ad" data-id="${Iw49d2b53ba00f41289802f44638a1675d.adId}">${Iw49d2b53ba00f41289802f44638a1675d.adTitle}</h2> 
      <p class="zy" data-type="ad" data-id="${qs94a1b8bae5ef4e4596bc56992d4e545c.adId}">${qs94a1b8bae5ef4e4596bc56992d4e545c.adTitle}</p> 
     </div> 
     <div class="item"> 
      <h2 class="zy" data-type="ad" data-id="${N569b3c942b67b45d598c5ec8306bb778d.adId}">${N569b3c942b67b45d598c5ec8306bb778d.adTitle}</h2> 
      <p class="zy" data-type="ad" data-id="${ovd2c7a6b7569241feb1cecf0537424401.adId}">${ovd2c7a6b7569241feb1cecf0537424401.adTitle}</p> 
     </div> 
     <div class="item"> 
      <h2 class="zy" data-type="ad" data-id="${DL07ec3d6821b64800a575ad0eb059e8b7.adId}">${DL07ec3d6821b64800a575ad0eb059e8b7.adTitle}</h2> 
      <p class="zy" data-type="ad" data-id="${eZ6e99fe2df6374e78a072d9af2526d340.adId}">${eZ6e99fe2df6374e78a072d9af2526d340.adTitle}</p> 
     </div>
     <div class="item"> 
      <h2 class="zy" data-type="ad" data-id="${x0aef353d239ec4893bc663a6bb0debf16.adId}">${x0aef353d239ec4893bc663a6bb0debf16.adTitle}</h2> 
      <p class="zy" data-type="ad" data-id="${eD70f5ff871e474dc0b08bae042d971ac8.adId}">${eD70f5ff871e474dc0b08bae042d971ac8.adTitle}</p> 
     </div> 
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="http://file.dream-space.top/jiangyouyao/js/jquery.min.js"></script> 
  <script src="http://file.dream-space.top/jiangyouyao/js/bootstrap.min.js"></script> 
  <script src="http://file.dream-space.top/jiangyouyao/js/scrollReveal.js"></script> 
  <script>
    window.scrollReveal = new scrollReveal();
</script>  
 </body>
</html>